<template>
  <div class="terms-of-service">
    <div class="header">
      <div class="arrow-with-text" @click="goBack">
        <van-icon name="arrow-left" class="back-icon" />
        <i class="el-icon-back" style="font-size: 24px"></i>
      </div>
    </div>
    <h1>旅游酒店服务条款</h1>
    <p>欢迎您选择 云程栖居，为了确保您拥有愉快、舒适的入住体验，同时保障双方的合法权益，请您仔细阅读以下服务条款。</p>

    <section>
      <h2>一、预订与入住</h2>
      <p><strong>预订：</strong>您可通过酒店官网、电话、在线旅游平台等渠道进行预订。预订时需提供准确的个人信息及入住日期、退房日期等相关信息。</p>
      <p><strong>入住时间：</strong>正常入住时间为 8:30，若您提前到达，在房间准备就绪的情况下，我们将尽力安排您提前入住；若房间尚未准备好，您可先办理行李寄存。</p>
      <p><strong>入住登记：</strong>办理入住时，需出示有效身份证件进行登记，同时可能需要支付押金，押金将在您退房且无额外消费时全额退还。</p>
    </section>


    <section>
      <h2>二、退房</h2>
      <p><strong>退房时间：</strong>退房时间为 22:00，若您需延迟退房，需提前与酒店前台沟通，根据房态情况，可能会收取一定的延迟退房费用。</p>
      <p><strong>物品检查：</strong>退房时，酒店工作人员将对房间进行检查，如发现物品损坏、丢失或有额外消费，将按照酒店规定进行相应处理。</p>
    </section>

    <section>
      <h2>三、费用与支付</h2>
      <p><strong>费用构成：</strong>房费根据您预订的房型、入住日期及相关促销活动而定，可能还包括餐饮、洗衣、迷你吧消费等其他费用。</p>
      <p><strong>支付方式：</strong>我们接受现金、银行卡、信用卡、移动支付（如微信支付、支付宝）等多种支付方式。</p>
      <p><strong>发票开具：</strong>在您完成支付后，可根据您的需求开具相应的发票。</p>
    </section>

    <section>
      <h2>四、酒店设施与服务使用</h2>
      <p><strong>设施使用：</strong>您可在酒店规定的开放时间内使用酒店的公共设施，如健身房、游泳池、餐厅等。使用时需遵守相关设施的使用规则和安全提示。</p>
      <p><strong>客房服务：</strong>酒店提供 24 小时客房服务，如您有任何需求，可随时拨打客房服务电话。</p>
    </section>

    <section>
      <h2>五、责任与免责</h2>
      <p><strong>酒店责任：</strong>酒店将尽力为您提供安全、舒适的住宿环境和优质的服务，对于因酒店原因导致的您的人身伤害或财产损失，我们将承担相应责任。</p>
      <p><strong>客人责任：</strong>您应妥善保管个人财物，如因您自身原因导致财物丢失或损坏，酒店不承担责任。同时，您需遵守酒店的各项规章制度，若因您的不当行为给酒店或其他客人造成损失，您需承担赔偿责任。</p>
      <p><strong>不可抗力：</strong>因不可抗力因素（如自然灾害、政府行为等）导致酒店无法正常提供服务或给您造成损失的，酒店不承担责任，但将尽力协助您解决问题。</p>
    </section>

    <section>
      <h2>六、条款变更</h2>
      <p>酒店有权根据实际情况对本服务条款进行变更，变更后的条款将在酒店官网或大堂显著位置公布，若您在条款变更后继续入住酒店，视为您已接受变更后的条款。</p>
    </section>

    <section>
      <h2>联系我们</h2>
      <p>如果您对本服务条款有任何疑问或建议，请随时联系酒店前台，我们将竭诚为您服务。</p>
    </section>
  </div>
</template>

<script>
export default {
  name: 'Terms',
  methods: {
    goBack() {
      this.$router.push('/shezhi');
      this.$router.go(0);
    },
  }

};
</script>

<style scoped>
.terms-of-service {
  padding: 20px;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.6;
}

h1 {
  text-align: center;
  margin-bottom: 20px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: #333;
}

p {
  margin-bottom: 10px;
  color: #555;
}

section {
  margin-bottom: 30px;
}
.back-icon {
  color: #333;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.back-icon van-icon {
  margin-right: 5px;
}
/* 头部样式 */
.header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px;
  background-color: #fff;
}
</style>
